/* editor */
@import 'react-quill/dist/quill.snow.css';

/* simplebar */
@import 'simplebar-react/dist/simplebar.min.css';

/* 将 Tailwind CSS 的基础样式（也称为 "base" 样式）导入到当前文件中，包括一些基本的 HTML 元素样式、重置元素默认样式等。 */

@import 'tailwindcss/base';

/* 导入 Tailwind CSS 的组件样式，包括预定义的按钮、表格、表单、卡片等组件样式。 */

@import 'tailwindcss/components';

/* 导入 Tailwind CSS 的实用类，这些类通常用于添加与布局、间距、响应式设计等相关的样式，使得可以快速构建出复杂的页面 */

@import 'tailwindcss/utilities'; 
@import './tailwind.css';

.scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;

  &:hover{
    scrollbar-width: auto;
    -ms-overflow-style: auto;  
  }
}

/* .scrollbar {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;

  &::-webkit-scrollbar {
    width: 8px; 
    background: transparent; 
  }

  &:hover,
  &:active {
    scrollbar-color: #999 transparent; 
    &::-webkit-scrollbar-thumb {
      background: #999; 
    }
  }
} */

.workflow-input {
  width: 100%;
  background-color: white !important;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  transition: all 0.3s;
}

.workflow-input:hover {
  border-color: #4096ff;
}

.workflow-input:focus {
  border-color: #4096ff;
  outline: none;
  box-shadow: 0 0 0 2px rgb(5 145 255 / 10%);
}

@keyframes star-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}